/* components */
import { SettingGPTViewDialog } from "@gpt/components"
/* enum */
import ComponentNameEnum from "@model/enum/ComponentNameEnum"
/* vue */
import { defineComponent, PropType } from "vue"
/* scss */
import '@gpt/views/home/url-description-dialog.scss'

type SettingGPTViewDialogComponentType = InstanceType<typeof SettingGPTViewDialog>

enum SettingGPTDingtalkAssistantProtocolDialogEventEnum {
  Confirm = 'confirm'
}

export default defineComponent({
  name: ComponentNameEnum.SettingGPTDingtalkAssistantProtocolDialog,
  props: {
    onInput: {
      type: Function
    },
    onConfirm: {
      type: Function
    }
  },
  computed: {
    settingGPTViewDialogComponent(): SettingGPTViewDialogComponentType {
      return this.$refs.SettingGPTViewDialog as SettingGPTViewDialogComponentType
    },
    confirmText(): string {
      return '同意并继续'
    }
  },
  methods: {
    openDialog() {
      this.settingGPTViewDialogComponent.open()
    },
    closeDialog() {
      this.settingGPTViewDialogComponent.close()
    },
    onConfirmHandler() {
      this.closeDialog()
      this.$emit(SettingGPTDingtalkAssistantProtocolDialogEventEnum.Confirm)
    }
  },
  render() {
    return (
      <div class={ComponentNameEnum.SettingGPTDingtalkAssistantProtocolDialog}>
        <SettingGPTViewDialog
          width="500px"
          title="钉钉AI助理配置"
          ref="SettingGPTViewDialog"
          confirmText={this.confirmText}
          className={ComponentNameEnum.SettingGPTDingtalkAssistantProtocolDialog}
          onConfirm={this.onConfirmHandler}
        >
          <div>
            
            <div>
              首次开启钉钉AI助理，需要进行安装授权。以下是授权须知，请您仔细阅读：
            </div>
            
            <div class="setting-gpt-dingtalk-assistant-setting-dialog-block">
            </div>
            
            <div>
            一、服务概述
              <div>
              本AI服务提供包括但不限于自然语言处理、图像识别、机器学习、智能推荐等功能。我们致力于通过先进的AI技术为用户提供便捷、高效的服务体验。
              </div>
            </div>
            
            <div class="setting-gpt-dingtalk-assistant-setting-dialog-block">
            </div>
            
            <div>
            二、免责条款
              <div>
              1.数据准确性：本AI服务所提供的结果和数据仅供参考，可能存在一定的误差或不准确性。用户应在使用时结合其他信息进行判断，并对由此产生的任何结果自行承担责任。
              </div>
              <div>
              2.服务中断或故障：由于技术更新、系统维护、网络故障或其他不可抗力因素，本AI服务可能会出现中断或故障。我们将尽力减少此类情况的发生，但对于由此给用户带来的任何不便或损失，我们不承担任何责任。
              </div>
              <div>
              3.非法或不当使用：用户应遵守国家法律法规，不得利用本AI服务从事任何违法、违规或不当的活动。对于用户因违反法律法规或不当使用本AI服务而产生的任何后果，我们概不负责。
              </div>
              <div>
              4.知识产权：本AI服务及其所包含的所有内容（包括但不限于算法、模型、数据等）均受知识产权保护。未经我们明确授权，任何单位和个人不得擅自复制、传播或使用。
              </div>
            </div>
            
          </div>
        </SettingGPTViewDialog>
      </div>
    )
  }
});